$(function(){
    var a=$('.ban1').index();
    var b=2;
    //console.log($('.ban1').index()); //0
   $('.left').click(function(){
   	console.log(b);
   	if(b==0){
   		//alert(1)
   		$('.sp').children('li').eq(b).css('background','#eee').siblings('li').css('background','#000000');
   		$('.ban1').eq(b).fadeOut(100);
   		b=2;
   		
   		$('.ban1').eq(b).fadeIn(100);  		
   	}else if(b==2){
   		   		$('.sp').children('li').eq(b).css('background','#eee').siblings('li').css('background','#000000');
   			$('.ban1').eq(b).fadeOut(100).prev('.ban1').fadeIn(100);	
   			--b;
   	}else{
   		   		$('.sp').children('li').eq(b).css('background','#eee').siblings('li').css('background','#000000');
   		$('.ban1').eq(b).fadeOut(100).prev('.ban1').fadeIn(100);	
   		--b;
   	}
   })
   $('.right').click(function(){
   		if(b==2){
   			$('.sp').children('li').eq(b).css('background','#eee').siblings('li').css('background','#000000');
   			$('.ban1').eq(b).fadeOut(100);
   			b=0;
   			$('.ban1').eq(b).fadeIn(100);
   		}else if(b==0){
   			   		$('.sp').children('li').eq(b).css('background','#eee').siblings('li').css('background','#000000');
   			$('.ban1').eq(b).fadeOut(100).next('.ban1').fadeIn(100);	
   			++b;
   		}else{
   			   		$('.sp').children('li').eq(b).css('background','#eee').siblings('li').css('background','#000000');
   				$('.ban1').eq(b).fadeOut(100).next('.ban1').fadeIn(100);	
   			++b;
   		}
   })
   var z=$('.sp>li').index();
   $('.sp>li').on('click',function(){
   	var m=$(this).index();
   	console.log($(this).index())
   	$('.ban1').eq(m).fadeIn(100).siblings('.ban1').fadeOut(100);
   	$(this).css('background','#eee').siblings('li').css('background','#000000');
   })
   
  
})
